<div class="da-list-wrap">
  <div class="da-content-banner">
    <d-breadcrumb>
      <d-breadcrumb-item><a routerLink="/">{{ 'inventory.breadcrumb.home' | translate }}</a></d-breadcrumb-item>
      <d-breadcrumb-item>库存记录表</d-breadcrumb-item>
    </d-breadcrumb>
  </div>
  <div class="da-content-wrapper">
        <div class="da-list-container">
          <div class="da-list-header">
            <div class="d-input">
              <div class="inputIn">
                  <input dTextInput style="width: 180px;"  [error]="false" placeholder="物料名称/编码/助记码" name="物料名称/编码/助记码" class="me-2" [(ngModel)]="obj.Part">
                  <d-select style="width: 180px;" [options]="type" placeholder="出/入库" [(ngModel)]="obj.Type" class="me-2"></d-select>
                  <d-range-datepicker-pro name="开始结束时间" [(ngModel)]="value1" (ngModelChange)="start$end()"
                  [placeholder]="['起始日期','截至日期']"></d-range-datepicker-pro>
                  <d-button id="primaryBtn" style="margin-left: 8px" (btnClick)="filter2()"><i class="icon icon-filter-o me-2"></i>查询</d-button>
                  <d-button bsStyle="common" (btnClick)="reset()"> <i class="icon icon-refresh me-2"></i>重置</d-button>
                </div>
            </div>
          </div>
          <div class="list-content">
            <d-data-table dLoading [view]="view" [showLoading]="showLoading" [positionType]="'relative'" [backdrop]="false" [loadingStyle]="'infinity'"  [dataSource]="tableData" [lazy]="true" [scrollable]="true" [fixHeader]="true" [tableWidthConfig]="tableWidthConfig"  [tableOverflowType]="'auto'" [scrollable]="true"  (checkAllChange)="getCheckedRows()" (rowCheckChange)="getCheckedRows()" [resizeable]="true">
              <thead dTableHead [checkable]="true" >
                <tr dTableRow>
                  <th dHeadCell *ngFor="let colOption of dataTableOptions.columns">{{ colOption.header }}</th>
                </tr>
              </thead>
              <tbody dTableBody >
                <ng-template let-rowItem="rowItem" let-rowIndex="rowIndex" let-nestedIndex="nestedIndex" >
                  <tr dTableRow>
                    <td dTableCell >
                      <d-checkbox [disabled]="false" [showAnimation]="true" [ngModelOptions]="{ standalone: true }"
                      [ngModel]="rowItem.$checked"
                      dTooltip
                      [halfchecked]="rowItem.$halfChecked"
                      [showGlowStyle]="false"
                      (ngModelChange)="onRowCheckChange($event, rowIndex, nestedIndex, rowItem)"
                      ></d-checkbox>
                    </td>
                    <td dTableCell >
                      <span class="ellipsis" dTooltip [content]="rowItem?.orderNum">{{rowItem.orderNum}}</span>
                    </td>
                    <td dTableCell >
                      <span class="ellipsis" dTooltip [content]="rowItem?.orderType">{{rowItem.orderType}}</span>
                    </td>
                    <td dTableCell >
                      <span class="ellipsis" dTooltip [content]="rowItem?.partNum">{{rowItem.partNum}}</span>
                    </td>
                    <td dTableCell >
                      <span class="ellipsis" dTooltip [content]="rowItem?.partName">{{rowItem.partName}}</span>
                    </td>
                    <td dTableCell >
                      <span class="ellipsis" dTooltip [content]="rowItem?.partType">{{rowItem.partType}}</span>
                    </td>
                    <td dTableCell >
                      <span class="ellipsis" dTooltip [content]="rowItem?.partUOM">{{rowItem.partUOM}}</span>
                    </td>
                    <td dTableCell>
                      <span class="ellipsis" dTooltip [content]="rowItem?.warehouseName">{{rowItem.warehouseName}}</span>
                    </td>
                    <td dTableCell>
                      <span class="ellipsis" dTooltip [content]="rowItem?.positionName">{{rowItem.positionName}}</span>
                    </td>
                    <td dTableCell>
                      <span class="ellipsis" dTooltip [content]="rowItem?.type">{{rowItem.type}}</span>
                    </td>
                    <td dTableCell>
                      <span class="ellipsis" dTooltip [content]="rowItem.outQuantity || rowItem.inQuantity">{{rowItem.outQuantity || rowItem.inQuantity}}</span>
                    </td>
                    <td dTableCell>
                      <span class="ellipsis" dTooltip [content]="rowItem?.createTime">{{rowItem.createTime}}</span>
                    </td>
                    <td dTableCell>
                      <span class="ellipsis" dTooltip [content]="rowItem?.employeeCode">{{rowItem.employeeCode}}</span>
                    </td>
                  </tr>
                </ng-template>
              </tbody>
            </d-data-table>
          </div>
         <div class="page-footer">
            <div>
              <p>已选 <span class="underline">{{checkedIds.length}}</span> 条
                <a (click)="cleared()" class="cleared">清空</a>
              </p>
            </div>
            <d-pagination
            [size]="'sm'"
            [canViewTotal]="true"
            [canChangePageSize]="true"
            [canJumpPage]="true"
            [maxItems]="5"
            [total]="this.pager.total"
            [pageSizeOptions]="this.pageSizeOptions"
            [(pageSize)]="obj.PageSize"
            [(pageIndex)]="obj.PageIndex"
            (pageIndexChange)="pageIndexChange($event)"
            (pageSizeChange)="pageSizeChange($event)"
            >
          </d-pagination>
          </div>
        </div>

  </div>
</div>
<d-toast [value]="msgs" [life]="2000" [styleClass]="'custom-class'" [style]="{ left: '50%',top:'10px' }"></d-toast>

